<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<link rel="stylesheet" href="stylesheets/root.css">
		<link rel="stylesheet" href="stylesheets/public-stylesheets.css">
		<link rel="stylesheet" href="stylesheets/schoolmessage.css">
		<link rel="stylesheet" href="stylesheets/found_lost.css">

	</head>


	<body>
		<!-- 顶部栏组件 -->
		<div id="top">
			<p>事物招领处</p>
			<a href="index.html">
				<img src="images/public_images/return.png" alt="返回">
			</a>
		</div>
		<!-- 搜索框 -->
		<div id="search_found">
			<div id="searcher">
				<img src="images/massage/sousuo.png" alt="" />
				<p>搜索你丢失的物品</p>
			</div>
			<img src="public/images/found_lost/jiahao2fill.png" alt="" />
		</div>
		<!-- 提示 -->
		<div id="warm">
			<p>提示：捡到人向您索要xxxxx，请提高xxxx！</p>
		</div>
		<!-- 寻物 -->
		<div id="lost_found">
			<p class="lost_found">寻物</p>
			<p>招领</p>
		</div>

		<!-- 三个选择 -->
		<div id="select_box">
			<div class="select_box_small">
				<p>全部类型</p>
				<img src="images/found_lost/xiangxia.png" alt="" />
			</div>
			<div class="select_box_small">
				<p>全部时间</p>
				<img src="images/found_lost/xiangxia.png" alt="" />
			</div>
			<div class="select_box_small">
				<p>全部地点</p>
				<img src="images/found_lost/xiangxia.png" alt="" />
			</div>
		</div>

		<!-- 物品信息 -->
		<div id="found_conten_box">
			<div id="found_conten_box_left">
				<img src="images/found_lost/img01.jpg" alt="" />
			</div>
			<div id="found_conten_box_right">
				<p style="color: #F22C3D;" >失物：背包</p>
				<p>时间：2024-3-10 12:00</p>
				<p>地点：图书馆三楼201教室</p>
				<button style="color: #fefefe">认领</button>
			</div>
		</div>
		<div id="found_conten_box">
			<div id="found_conten_box_left">
				<img src="images/found_lost/img01.jpg" alt="" />
			</div>
			<div id="found_conten_box_right">
				<p style="color: #F22C3D;" >失物：背包</p>
				<p>时间：2024-3-10 12:00</p>
				<p>地点：图书馆三楼201教室</p>
				<button style="color: #fefefe">认领</button>
			</div>
		</div>
		<div id="found_conten_box">
			<div id="found_conten_box_left">
				<img src="images/found_lost/img01.jpg" alt="" />
			</div>
			<div id="found_conten_box_right">
				<p style="color: #F22C3D;" >失物：背包</p>
				<p>时间：2024-3-10 12:00</p>
				<p>地点：图书馆三楼201教室</p>
				<button style="color: #fefefe">认领</button>
			</div>
		</div>
		<div id="found_conten_box">
			<div id="found_conten_box_left">
				<img src="images/found_lost/img01.jpg" alt="" />
			</div>
			<div id="found_conten_box_right">
				<p style="color: #F22C3D;" >失物：背包</p>
				<p>时间：2024-3-10 12:00</p>
				<p>地点：图书馆三楼201教室</p>
				<button style="color: #fefefe">认领</button>
			</div>
		</div>
		<div id="found_conten_box">
			<div id="found_conten_box_left">
				<img src="images/found_lost/img01.jpg" alt="" />
			</div>
			<div id="found_conten_box_right">
				<p style="color: #F22C3D;" >失物：背包</p>
				<p>时间：2024-3-10 12:00</p>
				<p>地点：图书馆三楼201教室</p>
				<button style="color: #fefefe">认领</button>
			</div>
		</div>
	</body>
</html>